<template>
    <div class="category">
        <h3>{{title}}分类</h3>

        <slot :games="games"></slot>
    </div>
</template>

<script>
    export default {
		name:'Category',
		data(){
			return {
                games: ['红色警戒','穿越火线','劲舞团','超级玛丽'],
			}
		},
        props: ['listData','title'],
	}
</script>
<style scoped>
.category{
    background-color: skyblue;
    width: 200px;
    height: 300px;
}
h3{
    text-align: center;
    background-color: orange;
}
img{
    width: 100%;
}
video{
    width: 100%;
    height: 40%
}
</style>
